<!DOCTYPE html>
{% load staticfiles %}
<html>
<head lang="en">
    <meta charset="UTF-8">
    <!-- 引入jQuery -->
    <script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <!-- 引入 Bootstrap -->
    <link href="{% static 'bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" type="text/css">
    <link href="{% static 'bootstrap/css/bootstrap.css' %}" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script type="text/javascript" src="{% static 'bootstrap/js/bootstrap.js' %}"></script>

    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
    <script type="text/javascript">

    </script>

    <title>研发内部管理系统</title>

</head>
<style>
    <!--
    设置table内容居中

    -->
    .table th, .table td {
        text-align: center;
    }
</style>
<body>
<nav class="navbar navbar-default  navbar-inverse" role="navigation">
    <div class="navbar-header">
        <a class="navbar-brand" href="/">研发内部管理系统</a>
    </div>
    <div>
        <ul class="nav navbar-nav">
            <li><a href="/env">服务器信息</a></li>
            <li><a href="/pep">员工管理</a></li>
            <li><a href="/prj">项目管理</a></li>
            <li><a href="/prd">产品管理</a></li>
            <li><a href="/rep">报告管理</a></li>
            <li><a href="/openapi" target="_blank">对外API接口</a></li>
            <li><a href="/admin" target="_blank">系统管理</a></li>
        </ul>
    </div>
</nav>
<div class="body-content">
    {% block body-content %}{% endblock %}     <!-- 使用blok来空出子页面需要填充的内容 -->
</div>
</body>
</html>